<script setup>

</script>

<template>
  <div class="order-list">
    <h2>常见问题</h2>

    <p>1.四谷主要服务哪些区域？四谷服务主要覆盖济南市全市<br>
      2.如何下单？支付订单定金之后视为下单成功<br>
      3.如何更改或取消订单？如果您需要更改或取消订单，请致电0118-999-881-999-119-725-3（工作时间：周一到周日8：30-17：30），客服人员会协助您修改订单信息或取消订单。<br>
      4.如何查询订单状态？选择订单管理页面即可。如对订单有疑问，请拨打客服热线0118-999-881-999-119-725-3了解详情。<br>
      5.在打扫期间需要有人在家吗？为了确保您的家庭财产安全，省去不必要的麻烦，服务人员上门服务时请您安排有人全程在家。<br>
      6.订单支付方式有哪些？为了方便您的使用，我们推出线上支付宝支付。<br>
      7.因事耽搁了预约时间怎么办？我们建议您按照约定的时间在家中等待服务人员上门，若您有特殊情况不能按时到家或希望临时更改服务时间，请尽量提前12小时致电客服0118-999-881-999-119-725-3。<br>
      8.对订单收费有异议怎么办？请您立即与客服0118-999-881-999-119-725-3联系，客服会核实并处理。</p>


  </div>

</template>

<style scoped>
.order-list {
  padding: 20px;
}

.styled-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.styled-table th,
.styled-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.styled-table thead tr {
  background-color: #1abc9c;
  color: white;
}

.status-pending {
  color: orange;
  font-weight: bold;
}

.status-in-progress {
  color: blue;
}

.status-completed {
  color: green;
}
</style>